﻿/* RESET */
* {
    margin: 0;
    padding: 0;
    outline: none;
}
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* RESET */

html, body {
    background: #fff;
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 11px;
    color: #676767;
    height: 100%;
    min-width: 980px;
}
.ui-widget .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}
.ui-widget-content {
    color: #676767;
}
.ui-widget-overlay {
    background: #000;
    opacity: 0.5;
    filter: Alpha(Opacity=50);
}
.ui-dialog {
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 20px #000;
    padding: 0;
}
.ui-dialog .ui-dialog-titlebar {
    background:#2384bb;
    border:1px solid #fff;
    border-radius: 0;
    color:#fff;
      padding: 10px;
}
.ui-dialog .ui-dialog-titlebar-close {
    background:none;
    border-radius:0;
    border:1px solid transparent;
}
.ui-dialog .ui-dialog-titlebar-close span {
      background-image:  url(smoothness/images/ui-icons_888888_256x240.png);
}
.ui-dialog .ui-dialog-titlebar-close.ui-state-hover span {
    background-image:  url(smoothness/images/ui-icons_cd0a0a_256x240.png);
}
a {
    color: #000f7e;
    text-decoration: none;
}
a:hover {
    color: #030e5e;
    text-decoration: underline;
}
a img {
    border: none;
}
img {
    -ms-interpolation-mode: bicubic;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 14px;
    color: #000f7e;
}
h1 {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 5px;
}
h4, h5 {
    font-size: 12px;
}
h6 {
    font-size: 10px;
}
h1 img {
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
}
h1 a {
    float: right;
    font-size: 12px;
    margin-left: 10px;
}
p, .description {
    line-height: 20px;
    padding-bottom: 15px;
}
input[type=text], input[type=password], select, textarea, .ui-widget input[type=text], .ui-widget input[type=password], .ui-widget select, .ui-widget textarea {
    border: 1px solid #ddd;
    padding: 4px 2px 3px;
    color: #474646;
    vertical-align: middle;
    background: #fff url(images/input_bg.png) repeat-x;
}
select {
    padding: 3px 2px 2px;
}
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {
    border-color: #EBC774 !important;
}
input[type=text][disabled], input[type=password][disabled], select[disabled], textarea[disabled], input[type=text].t-state-disabled, input[type=password].t-state-disabled, select.t-state-disabled, textarea.t-state-disabled {
    background: #fff;
    color: #000;
}
input[type=text][readonly], input[type=password][readonly], select[readonly], textarea[readonly] {
    background-color: #f0f0f0;
}
input[type=text], input[type=password] {
}

.t-grid-edit-row .text-box, .t-grid-edit-row .t-numerictextbox, .t-grid-edit-row .t-datepicker {
}

.t-filter-options input[type=text] {
}

.numeric {
}
.date {
}
.datetime {
}

.error {
    color: #b71b1b;
}
a.error:hover {
    color: #e21212;
}

input.error, select.error, textarea.error {
    border-color: #e1a1a1;
    background-color: #fff8f8;
}
#loader, .loader {
    background: url(images/loader.gif) no-repeat;
    display: none;
    height: 11px;
    width: 16px;
    margin: 0 auto;
}
td {
    vertical-align: top;
}
table tr.even td, li.even {
    background-color: #f3f3f3 !important;
}
table.clickable tr:hover td {
    background-color: #fafafa;
    cursor: pointer;
}
.c_b {
    display: block;
    clear: both;
    height: 0;
    line-height: 1;
}

.form {
    /*min-height: 33px;*/
    position: relative;
}
.form.mail {
    width:410px;
    }
.form.user {
    width:610px;
}
/*.form:before, .form:after {
    content: "";
    display: table;
}
.form:after {
    clear: both;
}*/
.form .fields {
    overflow: hidden;
    position: relative;
}
.form .fields.user {
    margin-bottom:30px;
}
.form .fields.user:last-child {
    margin-bottom:18px;
}
.form .fields.closed {
    display: none;
}
.form .fields .field {
    float: left;
    min-height: 51px;
    min-width: 150px;
    overflow: hidden;
    padding-bottom: 5px;
    position: relative;
    width: 25%;
}
.form .fields .field.user {
    width: 304px;
}
.form.wide .fields .field {
    float: none;
}
.form .fields .field.wide {
    clear: both;
    width: 100%;
}
.form .fields .field label {
    display: block;
    margin-bottom: 2px;
}
.form .fields .field label.error {
    width: auto;
    margin-left: 130px;
    margin-right: 0;
    text-align: left;
    display: block;
}
.form .fields .field p a {
    vertical-align: bottom;
}
.form .fields .field input[type=text], .form .fields .field input[type=password], .form .fields .field textarea, .form .fields .field select {
    display: block;
    margin-bottom: 2px;
    max-width: 300px;
    width: 94%;
}
.form .fields .field input[type=radio] {
    display: inline-block;
    margin-left: 5px;
    margin-right: 4px;
    margin-top: 4px;
    vertical-align: bottom;
}
.form .fields .field .field-validation-error {
}
.form .fields .field.checkbox {
    min-height: 34px;
    padding-top: 17px;
}
.form .fields .field.checkbox.wide {
    min-height: 20px;
    padding-top: 0;
}
.form .fields .field.checkbox input {
    float: left;
    margin-right: 5px;
}
.form .fields .field.checkbox label {
    margin-left: 8px;
    margin-right: 0;
    margin-top: 0;
    text-align: left;
    width: auto;
}
.form .fields .field.checkbox .data {
    padding-left: 3px;padding-top: 4px;
}
.form .fields .field.checkbox .data label {
    font-size:14px;
}

.form .fields .field.textarea {
    clear: both;
    width: 100%;
}
.form .fields .field.textarea .field-validation-error {
}
.form .fields .field textarea {
    float: none;
    height: 100px;
    max-width: 675px;
    resize: none;
}
.form .fields .field b {
}
.form .fields .field.actions {
    clear: both;
    text-align: right;
    width: 100%;
    padding-top: 15px;
    min-height: 40px;
}
.form .fields .field.actions a {
    display: inline-block;
    margin: 0 5px;
}
.form .details {
}
.form .details .field {
    /*min-height: 30px;
    padding: 10px 0 10px 5px;*/
    width: 100%;
}
.form .details .field label {
}
.form .details .field .input {
    background: #fff;
    border-top: 1px solid #efefef;
    color: #000;
    font-size: 14px;
    min-height: 16px;
    width: 94%;
}
.form .details .field.textarea .input {
}
.form .details .field.checkbox .input {
    background:transparent;
    border:none !important;
}
.form .details .field pre {
    font-size: 12px;
}

.table_form {
    border-collapse: separate;
    border-spacing: 5px;
    width: 100%;
}
.table_form td.form {
    background: #fafafa;
    border: 1px solid #d3d6da;
    padding: 5px;
    width: 50%;
}
.table_form td.form .field {
    width: 48%;
}

/* Validation helpers */
.field-validation-error {
    color: #e21212;
}
.field-validation-valid {
    display: none;
}
.input-validation-error {
    border-color: #E1A1A1 !important;
    background-color: #fff8f8;
}
.validation-summary-errors {
    color: #e21212;
}
.validation-summary-errors ul {
    margin-top: 20px;
}
.validation-summary-valid {
    display: none;
}
/* Validation helpers */



div.info, div.success, div.warning, div.error, div.validation, .validation-summary-errors {
    border: 1px solid;
    margin: 0 0 5px;
    padding: 10px 5px 10px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-size: 16px;
    display: block;
}
div.info {
    color: #00529b;
    background-color: #d1eefe;
    background-image: url(images/icons/info.png);
}
div.success {
    color: #4f8a10;
    background-color: #dff2bf;
    background-image: url(images/icons/success.png);
}
div.warning {
    color: #9f6000;
    background-color: #feefb3;
    background-image: url(images/icons/warning.png);
}
div.error, .validation-summary-errors {
    color: #d8000c;
    background-color: #ffe1e1;
    background-image: url(images/icons/error.png);
}

.validation-summary-errors {
    margin-bottom: 20px;
}
.message {
    color: #2B2B2B;
    font-weight: bold;
}

td.info {
    color: #00529b;
    background-color: #d1eefe;
}
td.success {
    color: #4f8a10;
    background-color: #dff2bf;
}
td.warning {
    color: #9f6000;
    background-color: #feefb3;
}
td.error {
    color: #d8000c;
    background-color: #ffe1e1;
}

.t-alt td.info {
    background-color: #cae6f5;
}
.t-alt td.success {
    background-color: #d4e6b4;
}
.t-alt td.warning {
    background-color: #f1e2a7;
}
.t-alt td.error {
    background-color: #f9d1d1;
}


#flash {
}
#flash .wrapper {
}
#flash .info {
}
#flash .success {
}
#flash .warning {
}
#flash .error {
}
#flash .wrapper div {
    width: 40%;
    margin: 0 auto 8px;
    text-align: left;
}
#flash .wrapper div.row {
    font-weight: normal;
}

.lnkButton {
    background: url(images/button_dynamic.png) no-repeat 0 -24px;
    color: #414141;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    padding-left: 10px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
}
.lnkButton:hover {
    background-position: 0 -72px;
    color: #363636;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
}
.lnkButton span {
    background: url(images/button_dynamic.png) no-repeat right 0;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    padding: 7px 10px 5px 0;
    line-height: 1;
    position: relative;
    left: -1px; /* Andreas [2012-01-19] Löser den felande px-en som uppstår när man zoomar, t.ex. på iProdukter och andra handhållna enheter */
}
.lnkButton:hover span {
    background-position: right -48px;
}
.lnkButton span.loader {
    display: none;
    padding-bottom: 6px;
}
.lnkButton span.loader b {
    background: url(images/loader.gif) no-repeat;
    height: 11px;
    margin: 0 auto;
    width: 16px;
    display: inline-block;
}
.lnkAdd {
    background: url(images/icons/add.png) no-repeat 0 2px;
    padding-left: 15px;
}
.lnkEdit {
    background: url(images/icons/edit.gif) no-repeat 0 0;
    padding-left: 19px;
}
.lnkSave {
    background: url(images/icons/save.png) no-repeat 0 0;
    padding-left: 19px;
}
.lnkDelete {
    background: url(images/icons/trash-can_mini.png) no-repeat;
    float: right;
    height: 12px;
    overflow: hidden;
    text-indent: -9999px;
    width: 12px;
}
.lnkEmail {
    background: url(images/icons/email.png) no-repeat;
    height: 16px;
    width: 16px;
}
.lnkEmail:hover {
    background-position: left bottom;
}
.lnkDelete:hover {
    background-position: 0 -12px;
    cursor: pointer;
}
.lnkRestart {
    background: url(images/icons/restart.png) no-repeat;
    height: 16px;
    width: 16px;
}
.lnkRestart:hover {
    background-position: 0 0;
    text-decoration: underline;
}

.dialog {
    display: none;
}

.box {
    margin-bottom: 20px;
}
.box h2 {
    padding: 5px 0;
}
.box .box_content {
    background: #fff;
    border: 1px solid #e1e1e1;
    position: relative;
    zoom: 1;
    padding: 10px;
    margin-left: 10px;
}


table.list {
    border: 1px solid #ddd;
    width: 100%;
}
table.list tr th, table.list tr.footer td {
    background-color: #fafafa;
    padding: 5px;
    text-align: left;
    background: url(images/menu_sub_bg.png) repeat-x left bottom;
    font-weight: bold;
}
table.list tr th {
    border-bottom: 1px solid #ddd;
}
table.list tr.footer td {
    border-top: 1px solid #ddd;
}
table.list tr td {
    padding: 5px;
    vertical-align: middle;
}
table.list tr.footer.summary td {
    padding: 15px 5px;
}

.t-button {
    padding: 5px 15px;
}
.t-grid td.date, .t-grid th.date {
    text-align: center;
}

.t-grid tr.selected td {
    background-color: #ebc774;
}

.t-tabstrip .t-tabstrip-items {
    padding: 0.3em 0.3em 0;
}
.t-tabstrip-items .t-link, .t-panelbar .t-tabstrip-items .t-link {
    font-size: 14px;
    padding: 10px 20px 6px;
}
.t-widget .t-tabstrip .t-header {
}
.t-tabstrip .t-content, .t-panelbar .t-tabstrip .t-content {
    padding: 15px 1em;
}

.t-tabstrip .t-content .t-editor .t-content {
    padding: 0;
}

.filter {
    margin: 20px 0;
    padding: 10px 0 0;
}
.filter .header {
    margin-bottom: 4px;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
}
.filter .header .filtered_values {
    overflow: hidden;
    padding-left: 80px;
    padding-right: 250px;
    position: relative;
}
.form .header .lnkHideShow {
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
    margin-top: 6px;
}
.filter .header .filtered_values h4 {
    display: block;
    left: 0;
    position: absolute;
    top: 8px;
}

.filter .header .filtered_values .t-button {
    margin-bottom: 5px;
    padding-right: 5px;
}
.filter .header .filtered_values .t-button-icontext .t-icon {
    margin: 0 3px 0 5px;
}
.filter .header .quickfilter {
    border-color: #A4ABB2;
    position: absolute;
    right: 5px;
    top: 1px;
}
.filter .field {
}
.form.filter .fields .field.actions {
    min-height: 30px;
}

.filter .field.datespan {
}
.filter .field.datespan label {
}
.filter .field.datespan input {
}

.filter .searchfields {
    padding: 5px;
    padding-top: 0;
}
.filter .searchfields.closed {
    display: none;
}
.filter .searchfields .t-tabstrip {
    background: none;
    border: none;
}
.filter .searchfields .t-tabstrip .t-tabstrip-items {
}
.filter .searchfields .t-tabstrip .t-content {
    border-bottom: none;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    min-height: 56px;
    padding-bottom: 0;
}
.filter .footer {
    background: #fff;
    padding: 0 10px 5px;
    border: 1px solid #A4ABB2;
    border-top: none;
    text-align: right;
}
#footer-currentlanguage {
    margin-left:14px;
}

/* telerik controls */

.form .fields .field input.t-input {
    display: inline-block;
    padding: 5px 3px 2px;
}
.form .fields .field .t-dropdown .t-input {
    height:14px;
}
.form .fields .field .t-combobox .t-input {
    height:21px;
}
.form .fields .field .t-combobox .t-dropdown-wrap .t-select{
    height:23px;
}
.form .fields .field .t-button.user {
    margin-right:12px;
}
.t-button.reset{
    margin-left:12px;
}
.form .fields .field .t-formatted-value {
    left: 2px;
    top: 3px;
    line-height: 12px;
}
.form .fields .field .t-numerictextbox .t-arrow-up {
}
.form .fields .field .t-numerictextbox .t-arrow-down {
    margin-bottom: 4px;
}
.form .fields .field .evry-combobox.t-combobox, .form .fields .field .evry-dropdown.t-dropdown {
    max-width: 300px;
    width: 94%;
}
.form .fields .field .evry-dropdown.t-dropdown .t-input{
    padding:5px 5px 4px 5px;
}
.t-item.t-state-selected{
    background-color:#fae185;
}
.t-popup.t-group{
    background: #FFF; 
}
.t-popup.t-group li{
    font-size:12px;
    padding:2px 3px; 
    font-family:Arial;
}
.form .fields .field .evry-combobox .t-input{
    padding:1px 17px 1px 5px;
    margin:0;
}

/* end of telerik controls */